<template>
    <view class="flex items-center p2 pb-0 border-gray-100 flex-wrap box-border">
        <view class="w-60px h-60px overflow-hidden rounded-md">
            <image class="w-full h-full"
                src="https://p1.meituan.net/biztone/169314868_1653626451765.jpeg@154w_154h_1e_1c" mode="aspectFill">
            </image>
        </view>
        <view class="w-80% width-80 ml-2">
            <view class="w-full flex items-center">
                <text class="max-w-90% line-clamp-1 text-base font-semibold" @click="GgStoreDetail">华莱士·全鸡汉堡(天河车陂店)</text>
                <text class="transform scale-y-120 scale-x-60  text-gray-300 text-base">></text>
            </view>
            <view class="w-full flex items-center">
                <text class="i-material-symbols-location-on-outline-rounded w-15px h-15px bg-yellow-400"></text>
                <text class="w-90% width-80 text-xs line-clamp-2 text-gray-500">天河区高地大街18号101铺（重庆酸菜鱼对面）</text>
            </view>
        </view>
        <view class="w-full h-25px flex items-center justify-between mt-2">
            <view class="flex items-center">
                <text class="i-material-symbols-fiber-new h-20px bg-red-500 mr-1"></text>
                <text class="text-sm text-gray-600">本店新用户立减3元</text>
            </view>
            <view class="flex items-center">
                <text class="text-xs text-gray-400">更多活动</text>
                <text
                    class="inline-block i-material-symbols-arrow-back-ios-new w-10px h-10px text-gray-300 transform rotate-270 ml-1"></text>
            </view>
        </view>
    </view>
</template>

<script setup lang="ts">
// #ifdef H5
await new Promise((resolve) => {
    setTimeout(() => {
        resolve(true)
    }, 1000)
})
// #endif
const GgStoreDetail = (): void => {
    uni.navigateTo({
        url: '/pages/details/storeDetail'
    })
}
</script>

<style scoped>

</style>